<template>
  <el-form ref="form" label-width="80px">
    账号：<el-input v-model="username" placeholder="请输入内容"></el-input
    ><br />
    密码：<el-input
      placeholder="请输入密码"
      v-model="password"
      show-password
    ></el-input
    ><br />
    重复密码：<el-input
      placeholder="请输入密码"
      v-model="passwordOK"
      show-password
    ></el-input
    ><br />

    <el-button type="danger" round @click="doRegirest">注册</el-button>
    <el-link href="login">点错了，返回登录</el-link>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      username: "",
      password: "",
      passwordOK:""
    };
  },
  methods: {
    doRegirest() {
      console.log("你点了注册");
    },
  },
};
</script>

<style>
.el-input {
  margin-top: 50px;
  width: 300px;
}
.el-button--danger {
  margin: 50px 80px;
}
.el-link.el-link--default {
  color: aqua;
  font-family: 黑体;
  font-size: 20px;
}
</style>